﻿<!DOCTYPE html>
<html>
	<head>
		<!-- 设置浏览器不缓存 -->
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
		<!-- Content-Type -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- Favicon -->
		<link rel="shortcut icon" href="./images/logo.png">
		<title>企业服务共享中心-工商、税务办理流转单</title>
		<!--stylesheets-->
		<link rel="stylesheet" href="./plugins/element/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/element/index.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		<!-- 自定义样式表 -->
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">
	</head>
	<body>
		<div id="app">
			<template>
				<el-container class="maincontainer">
					<el-container class="submaincontainer">
						<el-card class="box-card" style="position:relative;width:330px" shadow="never" v-show="leftbar_show">
							<div style="position:absolute;left:0;top:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding-left: 20px;padding-top: 20px;padding-right: 20px;">
								<el-form :model="queryForm" ref="queryForm">
									<el-form-item label="关键字" prop="keyword" maxlength="20" autocomplete="off" >
										<el-input v-model="queryForm.keyword" placeholder="请输入公司名称、联系人、电话、区域、备注"></el-input>
									</el-form-item>
									<el-form-item label="相关人员" prop="personnel">
										<el-select v-model="queryForm.personnel" multiple placeholder="全部" filterable>
											<el-option v-for="item in users" :key="item.id" :label="item.name" :value="item.id">
											</el-option>
										</el-select>
									</el-form-item>
									<el-checkbox-group v-model="queryForm.signtype">
										<el-form-item label="签约方式" prop="signtype" placeholder="全部">
											<el-checkbox label="新签">新签</el-checkbox>
											<el-checkbox label="续签">续签</el-checkbox>
											<el-checkbox label="转介绍">转介绍</el-checkbox>
										</el-form-item>
									</el-checkbox-group>
									<el-checkbox-group v-model="queryForm.endedamount">
										<el-form-item label="尾款结清" prop="endedamount">
											<el-select v-model="queryForm.endedamount" clearable placeholder="全部" filterable>
												<el-option v-for="item in endedamounts" :key="item" :label="item" :value="item">
												</el-option>
											</el-select>
										</el-form-item>
									</el-checkbox-group>
									<el-checkbox-group v-model="queryForm.formtype">
										<el-form-item label="流转类型" prop="formtype">
											<el-checkbox :label="item" v-for="item in formtypes">{{item}}</el-checkbox>
										</el-form-item>
									</el-checkbox-group>
									<el-checkbox-group v-model="queryForm.status">
										<el-form-item label="状态" prop="status" placeholder="全部">
											<el-checkbox :label="item" v-for="item in allstatus">{{item}}</el-checkbox>
										</el-form-item>
									</el-checkbox-group>
									<el-form-item label="流转日期" prop="datetime">
										<el-date-picker style="width:235px" value-format="yyyy-MM-dd" v-model="queryForm.datetime" type="daterange"
										 width="100" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
										 :picker-options="pickerOptions">
										</el-date-picker>
									</el-form-item>
									<el-form-item>
										<el-button size="small" type="primary" @click.native.prevent="start" style="position:fixed;left:20px;bottom:5px;">查询</el-button>
									</el-form-item>
								</el-form>
							</div>
						</el-card>
						<el-card class="box-card" style="width:100%" shadow="never">
							<div slot="header" class="clearfix">
								<i v-on:click="showLeftBar()" v-bind:class="[leftbar_show ? 'el-icon-s-fold' : 'el-icon-s-unfold']" style="color:#409EFF;cursor:pointer;"></i>
								<span>工商、税务办理流转单列表</span>
							</div>
							<div>
								<el-table row-key="id" border border :data="pagedata" tooltip-effect="dark" :height="tableHeight" style="width: 100%;"
								 @selection-change="handleSelectionChange">
									<el-table-column type="expand">
										<template slot-scope="props">
											<el-form label-position="left" inline class="demo-table-expand" label-width="120px">
												<el-form-item v-for="column in tablecolumsexp" :label="column.label" :style="column.style">
													<el-table v-if="column.prop == 'service'" border ref="transFormDetailTable" :data="props.row[column.prop]"
													 tooltip-effect="dark" size="mini" height="auto" width=“100%”>
														<el-table-column v-for="column in detailcolums" v-bind:prop="column.prop" v-bind:label="column.label"
														 v-bind:min-width="column.width" show-overflow-tooltip>
														</el-table-column>
													</el-table>
													<div v-else-if="column.prop == 'recorder'">
														<el-button type="primary" :disabled="!showEnded(props.row)" plain icon="el-icon-plus" size="mini" @click="addRecorder(props.row)">尾款流转</el-button>
														<el-table  border ref="transFormRecorderTable" :data="props.row[column.prop]"
														 tooltip-effect="dark" size="mini" height="150" width=“100%”>
															<el-table-column v-for="column in recordercolums" v-bind:prop="column.prop" v-bind:label="column.label"
															 v-bind:min-width="column.width" show-overflow-tooltip>
															</el-table-column>
															<el-table-column label="收款截图" min-width="300">
															  <template slot-scope="scope">
																  <el-link type="primary" @click="downloadRecorderAnnex(file.url)" v-for ="file in scope.row['annex']">{{file.name}}</el-link>
															  </template>
															</el-table-column>
															 <el-table-column label="操作" min-width="100">
																  <template slot-scope="scope">
<!--																	  <el-tooltip class="item" effect="dark" content="编辑" placement="top-start">-->
<!--																		<el-link type="primary" icon="el-icon-edit" @click="editRecorder(scope.$index, scope.row)" :disabled="!showEnded(props.row)"></el-link>-->
<!--																	  </el-tooltip>-->
																	 <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
																		<el-link type="danger" icon="el-icon-delete" @click="delRecorder(scope.$index, scope.row)" :disabled="!showEnded(props.row)"></el-link>
																	  </el-tooltip>
																  </template>
															</el-table-column>
														</el-table>
													</div>
													<span v-else-if="column.prop == 'supervisorname'">{{ props.row[column.prop]}}[{{ props.row['supervisorstatus']}}]</span>
													<span v-else-if="column.prop == 'financename'">{{ props.row[column.prop]}}[{{ props.row['financestatus']}}]</span>
													<span v-else-if="column.prop == 'receivername'">{{ props.row[column.prop]}}[{{ props.row['receiverstatus']}}]</span>
													<span v-else-if="column.prop == 'annex'">
														<el-link type="primary" @click="downloadFile(name)" v-for="name in props.row['annex']" >下载</el-link>

														<el-upload
														  v-show="props.row.status == '待审核'"
														  class="avatar-uploader"
														  ref="upload"
														  multiple
														  :limit="1"
														  accept=".zip,.rar"
														  :file-list="[]"
														  :action="uploadurl + props.row['mycustomerid']"
														  :headers="headers"
														  list-type="text"
														  :on-remove="handleRemove"
														  :on-success="handleAvatarSuccess"
														  :before-upload="beforeAvatarUpload">
														  <i class="el-icon-plus">点击上传相关材料的压缩文件（.zip或者.rar）</i>
														</el-upload>

													</span>
													<span v-else>{{ props.row[column.prop]}}</span>
												</el-form-item>
											</el-form>
										</template>
									</el-table-column>
									<el-table-column v-for="column in tablecolums" v-bind:prop="column.prop" v-bind:label="column.label"
									 v-bind:min-width="column.width" show-overflow-tooltip>
									</el-table-column>
									<el-table-column label="操作" min-width="50">
										<template slot-scope="scope">
											<el-link type="primary" v-show="showAudit(scope.$index, scope.row)" @click="audit(scope.$index, scope.row)">审核</el-link>
											<el-link type="primary" v-show="showNopass(scope.$index, scope.row)" @click="nopassShowForm(scope.$index, scope.row)">驳回</el-link>
											<el-link type="primary" @click="distribution(scope.$index, scope.row)" v-if="scope.row.status=='已审核'&scope.row.receiverid==localStorage.getItem('USERID')">分配</el-link>
										</template>
									</el-table-column>
								</el-table>
								<div style="margin-top: 20px">
									<el-pagination @current-change="handleCurrentPageChange" :current-page="queryForm.pageNo" :page-size="queryForm.pagesize"
									 :page-sizes="queryForm.pagesizes" background layout="total,sizes, prev, pager, next" :total="pagetotal">
									</el-pagination>
								</div>
							</div>
						</el-card>
					</el-container>
				</el-container>
				<el-dialog :close-on-click-modal="false" title="工商、税务办理流转单信息" :visible.sync="dialogFormVisible" width="1000px">
					<el-form :model="transForm" ref="transForm" label-width="130px" :disabled='true'>
						<el-tabs :value="tabvalue">
							<el-tab-pane label="基础信息" name="base">
								<el-row :gutter="20">
									<el-col :span="8">
										<el-form-item label="销售" prop="sellerid">
											<el-select v-model="transForm.sellerid" filterable>
												<el-option v-for="item in users" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="出单人" prop="outformerid">
											<el-select v-model="transForm.outformerid" filterable>
												<el-option v-for="item in users" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="交接人" prop="handoverid">
											<el-select v-model="transForm.handoverid" filterable>
												<el-option v-for="item in users" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="8">
										<el-form-item label="收款日期" prop="collectiondate">
											<el-date-picker value-format="yyyy-MM-dd" v-model="transForm.collectiondate" type="date" placeholder="选择日期">
											</el-date-picker>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="流转日期" prop="transdate">
											<el-date-picker value-format="yyyy-MM-dd" v-model="transForm.transdate" type="date" placeholder="选择日期">
											</el-date-picker>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="8">
										<el-form-item label="公司名称" prop="compname">
											<el-input v-model="transForm.compname" maxlength="50"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="区域" prop="area">
											<el-input v-model="transForm.area" maxlength="50"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="法人" prop="legalperson">
											<el-input v-model="transForm.legalperson" maxlength="20"></el-input>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="8">
										<el-form-item label="联系人" prop="contacter">
											<el-input v-model="transForm.contacter" maxlength="20"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="联系电话" prop="phone">
											<el-input v-model="transForm.phone" maxlength="20"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="地址类别" prop="addresstype">
											<el-select v-model="transForm.addresstype">
												<el-option v-for="item in addresstypes" :key="item" :label="item" :value="item">
												</el-option>
											</el-select>
										</el-form-item>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="8">
										<el-form-item label="开票类别" prop="invoicingtype">
											<el-select v-model="transForm.invoicingtype">
												<el-option v-for="item in invoicingtypes" :key="item" :label="item" :value="item">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="开票金额" prop="amountinvoicing">
											<el-input v-model="transForm.amountinvoicing"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="税务类别" prop="taxtype">
											<el-select v-model="transForm.taxtype">
												<el-option v-for="item in taxtypes" :key="item" :label="item" :value="item">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="8">
										<el-form-item label="支付方式" prop="paytype">
											<el-input v-model="transForm.paytype"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="来源" prop="src">
											<el-select v-model="transForm.src">
												<el-option v-for="item in sources" :key="item" :label="item" :value="item">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col :span="8">
										<el-form-item label="签约方式" prop="signtype">
											<el-select v-model="transForm.signtype">
												<el-option v-for="item in signtypes" :key="item" :label="item" :value="item">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="6">
										<el-form-item label="主管" prop="supervisorid">
											<el-select v-model="transForm.supervisorid" filterable>
												<el-option v-for="item in users" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item label="财务" prop="financeid">
											<el-select v-model="transForm.financeid" filterable>
												<el-option v-for="item in users" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item label="接收人" prop="receiverid">
											<el-select v-model="transForm.receiverid" filterable>
												<el-option v-for="item in users" :key="item.id" :label="item.name" :value="item.id">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="24">
										<el-form-item label="备注" prop="memo">
											<el-input v-model="transForm.memo" type="textarea"></el-input>
										</el-form-item>
									</el-col>
								</el-row>
							</el-tab-pane>
							<el-tab-pane label="办理业务" name="business">
								<el-row :gutter="5">
									<el-col :span="2" :offset="22">
										<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addService()">添加</el-button>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="24">
										<el-table border :data="transForm.service" ref="multipleTable" tooltip-effect="dark" size="mini" :height="200"
										 style="width: 100%;">
											<el-table-column v-for="column in detailcolums" v-bind:prop="column.prop" v-bind:label="column.label"
											 v-bind:min-width="column.width" show-overflow-tooltip>
											</el-table-column>
											<el-table-column label="操作" min-width="100">
												<template slot-scope="scope">
													<el-tooltip class="item" effect="dark" content="编辑" placement="top-start">
														<el-button size="mini" circle type="primary" icon="el-icon-edit" @click="editService(scope.$index, scope.row)"></el-button>
													</el-tooltip>
													<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
														<el-button size="mini" circle type="danger" icon="el-icon-delete" @click="delService(scope.$index, scope.row)"></el-button>
													</el-tooltip>
												</template>
											</el-table-column>
										</el-table>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="8" >
										<el-form-item label="优惠单">
											<el-select v-model="transForm.discount_id" filterable>
												<el-option v-for="item in discountlist" :key="item.id" :label="item.preferentialDescription" :value="item.id">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									  <el-col :span="8">
										  <el-form-item label="优惠前金额" >
											  <el-input v-model="transForm.oldprice" :disabled = "true"></el-input>
										  </el-form-item>
									  </el-col>
									  <el-col :span="8">
										  <el-form-item label="优惠后金额" >
											  <el-input v-model="transForm.newprice" :disabled = "true"></el-input>
										  </el-form-item>
									  </el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="24">
										<el-form-item label="赠送情况" prop="gifts">
											<el-input v-model="transForm.gifts" type="textarea"></el-input>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="6">
										<el-form-item label="总计费用" prop="amounttotal">
											<el-input v-model="transForm.amounttotal"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item label="应收" prop="amountreceivables">
											<el-input v-model="transForm.amountreceivables"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item label="累计实收" prop="amountpayin">
											<el-input v-model="transForm.amountpayin"></el-input>
										</el-form-item>
									</el-col>
									<el-col :span="6">
										<el-form-item label="尾款" prop="amountend">
											<el-input v-model="transForm.amountend"></el-input>
										</el-form-item>
									</el-col>
								</el-row>
								<el-row :gutter="20">
									<el-col :span="24">
										<el-form-item label="尾款条件" prop="amountendcondition">
											<el-input v-model="transForm.amountendcondition" type="textarea"></el-input>
										</el-form-item>
									</el-col>
								</el-row>

							</el-tab-pane>
							<el-tab-pane label="上传材料" name="materials">
								<el-row :gutter="20">
									<el-col :span="24">
										<el-checkbox-group v-model="transForm.materials">
											<el-form-item label="相关材料" prop="materials">
												<el-checkbox v-for="item in materialslist" :label="item">{{item}}</el-checkbox>
											</el-form-item>
										</el-checkbox-group>
										<el-upload class="avatar-uploader" ref="upload" multiple :limit="2" :file-list="transForm.annex" :action="uploadurl + transForm.id"
										 :headers="headers" list-type="text" :on-preview="handledownloadPreview" :on-remove="handleRemove"
										 :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
											<i class="el-icon-plus">点击上传相关材料</i>
										</el-upload>
									</el-col>
								</el-row>
							</el-tab-pane>
						</el-tabs>
					</el-form>
					<div slot="footer" class="dialog-footer">
						<el-button @click="dialogFormVisible = false">取 消</el-button>
						<el-button type="warning" @click="nopass" v-show="action!='view'">驳 回</el-button>
						<el-button type="primary" @click="cofirm" v-show="action!='view'">通 过</el-button>
					</div>
				</el-dialog>
				<el-dialog :close-on-click-modal="false" title="服务信息" :visible.sync="dialogTransFormDetailVisible" width="1000px">
					<el-form :model="transFormDetail"  ref="transFormDetail" label-width="80px">
						<el-row :gutter="20">
							<el-col :span="8">
								<el-form-item label="服务名称" prop="name">
									<el-select v-model="transFormDetail.name" filterable @change="servicechange">
										<el-option v-for="item in services" :key="item.id" :label="item.name" :value="item.id">
										</el-option>
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="规格" prop="spec">
									<span>{{transFormDetail.spec}}</span>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="类别" prop="type">
									<span>{{transFormDetail.type}}</span>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row :gutter="20">
							<el-col :span="8">
								<el-form-item label="数量" prop="amount">
									<el-input v-model="transFormDetail.amount"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="单位" prop="unit">
									<el-input v-model="transFormDetail.unit"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="单价" prop="price">
									<el-input v-model="transFormDetail.price"></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row :gutter="20">
							<el-col :span="8">
								<el-form-item label="成本金额" prop="cost">
									<el-input v-model="transFormDetail.cost"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="服务金额" prop="totalprice">
									<el-input v-model="transFormDetail.totalprice"></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="备注" prop="memo">
									<el-input v-model="transFormDetail.memo"></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row :gutter="20">
							<el-col :span="24">
								<el-table border :data="transFormDetail.service" ref="transFormDetailTable" tooltip-effect="dark" size="mini"
								 height="200" @row-click="serviceDetailClick" style="width: 100%;">
									<el-table-column v-for="column in detailcolums" v-bind:prop="column.prop" v-bind:label="column.label"
									 v-bind:min-width="column.width" show-overflow-tooltip>
									</el-table-column>
								</el-table>
							</el-col>
						</el-row>
					</el-form>
					<div slot="footer" class="dialog-footer">
						<el-button @click="dialogTransFormDetailVisible = false">取 消</el-button>
						<el-button type="primary" @click="confirmService">确 定</el-button>
					</div>
				</el-dialog>

				<el-dialog :close-on-click-modal="false" title="业务分配" :visible.sync="dialogDistriFormVisible" width="1000px">
					<template>
		
<el-form :model="serviceCheckForm" ref="serviceCheckForm"  :rules="rules" size="small">
						<el-table border :data="serviceCheckForm.serviceForm" ref="table" tooltip-effect="dark" size="mini" height="auto" width="1000">
							<el-table-column v-for="column in distridetailcolums" v-bind:prop="column.prop" v-bind:label="column.label"
							 v-bind:min-width="column.width" show-overflow-tooltip>
							</el-table-column>
							>

							<el-table-column  min-width="80">
								<template slot="header">
								  <p>
								    主管
								    <span style="color:red;font-size:16px;">*</span>
								  </p>
								</template>
								<template slot-scope="scope" >
									<el-form-item :prop="'serviceForm.'+scope.$index+'.leader'" :rules="rules.leader">
										
										<el-select v-model="scope.row.leader" placeholder="请选择" filterable>
											<el-option v-for="item in users" :key="item.id" :label="item.name" :value="item.id">
											</el-option>	
											
<!-- 											<div v-if="scope.row.name=='代理记账'">
		<el-option v-for="item in taxationmembers" :key="item.id" :label="item.name" :value="item.id">
		</el-option>																			
											</div>
											<div v-if="scope.row.name!='代理记账'">
		<el-option v-for="item in bussinessmembers" :key="item.id" :label="item.name" :value="item.id">
		</el-option>																			
											</div> -->

										</el-select>
									</el-form-item>
								</template>
							</el-table-column>

							<el-table-column  min-width="120">
								<template slot="header">
								  <p>
								    服务期限
								    <span style="color:red;font-size:16px;">*</span>
								  </p>
								</template>
								<template slot-scope="scope">
									<el-form-item :prop="'serviceForm.'+scope.$index+'.enddate'" :rules="rules.enddate">
									<el-date-picker v-model="scope.row.enddate" type="date" placeholder="选择日期" style="width: 140px;">
									</el-date-picker>
									</el-form-item>
								</template>
							</el-table-column>

						</el-table>
						</el-form>
					</template>
					<div slot="footer" class="dialog-footer">
						<el-button @click="dialogDistriFormVisible = false">取 消</el-button>
						<el-button type="primary" @click="cofirmdistribute">确 认</el-button>
						<!--v-show="action!='view'" -->
					</div>
				</el-dialog>
				
				<el-dialog :close-on-click-modal="false"  title="审核流转单" :visible.sync="dialogAuditFormVisible" width="450px">
					<p>请您确认流转单信息是否符合要求，确认无误后，请点击确定按钮。</p>
				  <div slot="footer" class="dialog-footer">
				    <el-button @click="dialogAuditFormVisible = false">取 消</el-button>
				    <el-button type="primary" @click="cofirm">确 定</el-button>
				  </div>
				</el-dialog>

				<el-dialog :close-on-click-modal="false"  title="驳回流转单" :visible.sync="dialogNoPassFormVisible" width="450px">
						<el-form :model="transForm" ref="transForm" label-width="150px">
								<el-row :gutter="20">
									<el-col :span="24">
										<el-form-item label="备注(驳回理由)" prop="memo">
											<el-input v-model="transForm.memo" type="textarea"></el-input>
										</el-form-item>
									</el-col>
								</el-row>
						</el-form>
				  <div slot="footer" class="dialog-footer">
				    <el-button @click="dialogNoPassFormVisible = false">取 消</el-button>
				    <el-button type="primary" @click="nopass">确 定</el-button>
				  </div>
				</el-dialog>
				<el-dialog :visible.sync="imgdialogVisible">
				<img width="100%" :src="imgdialogImageUrl" alt="">
				</el-dialog>
				
				<el-dialog :close-on-click-modal="false"  title="收款信息" :visible.sync="transFormRecorderVisible" width="500px">
				    <el-form :model="transFormRecorder" :rules="transFormRecorderRules" ref="transFormRecorder" label-width="80px">
						<el-row :gutter="20">
						  <el-col :span="12">
							  <el-form-item label="应收金额" prop="amountreceivables" >
								  <el-input v-model="transFormRecorder.amountreceivables" maxlength="8" :disabled = "true">
									  <template slot="append">元</template>
								  </el-input>
							  </el-form-item>
						  </el-col>
					   </el-row>
						<el-row :gutter="20">
						  <el-col :span="12">
							  <el-form-item label="累计实收" prop="amountpayin" >
								  <el-input v-model="transFormRecorder.amountpayin" maxlength="8">
									  <template slot="append">元</template>
								  </el-input>
							  </el-form-item>
						  </el-col>
					   </el-row>
						<el-row :gutter="20">
						  <el-col :span="12">
							  <el-form-item label="现收尾款" prop="totalprice"  >
								  <el-input v-model="transFormRecorder.totalprice" maxlength="8">
									  <template slot="append">元</template>
								  </el-input>
							  </el-form-item>
						  </el-col>
					   </el-row>
						<el-row :gutter="20">
							  <el-col :span="24">
								  <el-form-item label="收款人" prop="reciverid"  >
									<el-select v-model="transFormRecorder.reciverid" filterable>
									  <el-option
										v-for="item in users"
										:key="item.id"
										:label="item.name"
										:value="item.id">
									  </el-option>
									</el-select>
								  </el-form-item>
								</el-col>
						</el-row>
						<el-row :gutter="20">
						  <el-col :span="24">
								<el-form-item label="收款方式" prop="loantype">
									<el-select v-model="transFormRecorder.loantype" filterable>
										<el-option v-for="item in loantypes" :key="item" :label="item" :value="item">
										</el-option>
									</el-select>
								</el-form-item>
						  </el-col>
					   </el-row>
						<el-row :gutter="20">
						  <el-col :span="24">
								<el-form-item label="收款日期" prop="collectiondate">
									<el-date-picker
									value-format="yyyy-MM-dd"
									  v-model="transFormRecorder.collectiondate"
									  type="date"
									  placeholder="选择日期">
									</el-date-picker>
								</el-form-item>
						  </el-col>
					   </el-row>
						<el-row :gutter="20">
						  <el-col :span="24">
							  <el-form-item label="备注" prop="memo"  >
								  <el-input v-model="transFormRecorder.memo" maxlength="250"></el-input>
							  </el-form-item>
						  </el-col>
					   </el-row>
						<el-row :gutter="20">
						  <el-col :span="24">
							<el-form-item label="收款截图" prop="annex">
								<el-upload class="avatar-uploader" ref="upload" multiple :limit="1" :file-list="transFormRecorder.annex" :action="uploadrecorderurl + mycustomerid"
								 :headers="headers" list-type="text" :on-preview="handledownloadPreview4annex" :on-remove="handleRemove4annex"
								 :on-success="handleAvatarSuccess4annex" :before-upload="beforeAvatarUpload">
									<i class="el-icon-plus">点击上传</i>
								</el-upload>
							</el-form-item>
						  </el-col>
						</el-row>
				   </el-form>
				
				  <div slot="footer" class="dialog-footer">
				    <el-button @click="transFormRecorderVisible = false">取 消</el-button>
				    <el-button type="primary" @click="confirmRecorder">确 定</el-button>
				  </div>
				</el-dialog>
				
			</template>
		</div>
	</body>
	<script src="./js/transform.js?v=0.8.0.3"></script>
	</script>
</html>
